// Person组件相关配置——单独拿出来，在index.js引入就行，其他一样
import axios from 'axios'
import { nanoid } from 'nanoid'

export default {
    namespaced:true,
    actions:{
        addPersonZhang(context,value){
            if(value.name.indexOf('张') === 0){
                context.commit('ADD_PERSON',value)
            }else{
                alert('添加的人不符合规则！')
            }
        },
        //测试调用api接口
        addPersonServer(context,value){
            axios.get('http://localhost:8080/test3/api/SweetNothings/Web/1').then(
                response => {
                    console.log(response)
                    context.commit('ADD_PERSON',{id:nanoid(),name:response.data.returnObj.content})
                },
                error => {
                    alert(error.message)
                }
            )
        }
    },
    // 准备mutations——用于操作数据state
    mutations:{
        ADD_PERSON(state,value){
            console.log('matations中的ADD_PERSON被调用了。。。')
            state.userList.unshift(value)
        }
    },
    state:{
        userList:[
            {id:'001',name:'张三'}
        ]
    },
    getters:{
        firstPersonName(state){
            return state.userList[0].name
        }
    },
}